
<template>
  <div class="container">
    <div class="flex">
    </div>
    <el-row class="flex_start">
      <div class="body_left">
        <!-- 头部厂商信息 -->
        <top-company></top-company>
        <!-- 公告以及数据 -->
        <announcement></announcement>
        <!-- 消息提醒 -->
         <news-remind></news-remind>
         <!-- 会议列表 -->
         <meeting-content></meeting-content>
      </div>
      <div class="body_right">
        <!-- 日历活动 -->
        <calendar-activity></calendar-activity>
        <!-- 排行榜 -->
        <runk-list></runk-list>
      </div>
    </el-row>
  </div>
</template>

<script>
import api from "@/api";
import topCompany from './compontents/topCompany.vue'
import announcement from './compontents/announcement.vue';
import newsRemind from './compontents/newsRemind.vue';
import meetingContent from './compontents/meetingContent.vue';
import calendarActivity from './compontents/calendarActivity.vue';
import runkList from './compontents/runkList.vue';
export default {
  name: "Fullcalendars",
  components: {
    topCompany,
    announcement,
    newsRemind,
    meetingContent,
    calendarActivity,
    runkList
  },

  data() {
    return {
    };
  },
  watch: {},
  methods: {

  },
};
</script>
<style scoped>


</style>

<style lang="scss" scoped>
.container {
  width: auto;
  min-height: calc(100vh - 85px);
  margin: 16px;
  position: relative;

  .el-image {
    padding: 20px 0;
    box-sizing: border-box;
    max-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}


.flex_start {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  margin: 0 auto;
  .body_left {
    // width: 50%;
    margin-right: 18px;
    flex: 4.19;
    // flex-grow: 1;
  }
  .body_right {
    // max-width: 440px;
    flex: 1;
  }
}
</style>
